<template>
  <!-- vue2中要求组件必须有唯一根元素 -->
  <div style="border: 1px solid red">
    <h3>Hello World!</h3>
    <hr />
    <div>Vuex实例Store中count的值为:{{ $store.state.num }}</div>
    <button @click="addCount()">点击按钮Count的值+1</button>
  </div>
</template>

<script>
  import store from "@/store/index";
  export default {
    name: "Test",
    methods: {
      addCount() {
        this.$store.commit("addNum");
      },
      // addCount: function () {
      //   this.$store.commit("addNum");
      // },

      // 错误写法
      // 不能使用匿名函数
      // addCount: () => {
      //   this.$store.commit("addNum");
      // },
    },
  };
</script>

<style></style>
